<template>
  <div class="home">
    <el-button type="text" @click="$router.push('/commonTable')"
      >表格组件封装</el-button
    ><br />
    <el-button type="text" @click="$router.push('/tag')"
      >tag组件一级兼并二级</el-button
    ><br />
    <el-button type="text" @click="$router.push('/form')"
      >form表单的封装</el-button
    ><br />
    <el-button type="text" @click="$router.push('/scss')">scss的配置</el-button
    ><br />
    <el-button type="text" @click="$router.push('/changeSelectKey')"
      >更改select的数据的属性名</el-button
    ><br />
    <el-button type="text" @click="$router.push('/datePickerEcho')"
      >日期组件的回显问题</el-button
    ><br />

    <el-button
      type="text"
      @click="$router.push('/changeSelectValueFormRequire')"
      >切换select选项改变form的必选值</el-button
    ><br />
    <el-button type="text" @click="$router.push('/tableSwitch')"
      >表格组件带开关</el-button
    ><br />
    <el-button type="text" @click="$router.push('/arraryFromString')"
      >数组与字符串的相互转化</el-button
    ><br />
    <el-button type="text" @click="$router.push('/dataConver')"
      >对象数据比对</el-button
    ><br />
    <el-button type="text" @click="$router.push('/directive')"
      >自定义指令</el-button
    ><br />
    <el-button type="text" @click="$router.push('/arrayMethods')"
      >数组的用法</el-button
    ><br />
    <el-button type="text" @click="$router.push('/changeCascaderData')"
      >级联选择器（日期的处理）</el-button
    ><br />
    <el-button type="text" @click="$router.push('/fileUpload')"
      >文件上传</el-button
    ><br />
    <el-button type="text" @click="$router.push('/search')">模糊搜索</el-button
    ><br />
    <el-button type="text" @click="$router.push('/calculationYear')"
      >执行年限的自然计算</el-button
    ><br />
    <el-button type="text" @click="$router.push('/upload')"
      >upload组件</el-button
    ><br />
    <el-button type="text" @click="$router.push('/watchArray')"
      >监听数组</el-button
    ><br />
    <el-button type="text" @click="$router.push('/selectDialog')"
      >模拟弹窗里头有下拉框用法</el-button
    ><br />
    <el-button type="text" @click="$router.push('/expand')"
      >拓展人um和拓展人姓名</el-button
    ><br />
    <el-button type="text" @click="$router.push('/idsame')"
      >数组对象id相同的被后者覆盖</el-button
    ><br />
    <el-button type="text" @click="$router.push('/backTab')"
      >返回tab页的回显问题</el-button
    ><br />
    <el-button type="text" @click="$router.push('/tableDisabled')"
      >表格组件复选框禁用问题</el-button
    ><br />
    <el-button type="text" @click="$router.push('/tableAndDialog')"
      >表格加弹窗</el-button
    ><br />
    <el-button type="text" @click="$router.push('/formControl')"
      >form的控件</el-button
    ><br />
    <el-button type="text" @click="$router.push('/uploadIamge')"
      >图片上传</el-button
    ><br />
    <el-button type="text" @click="$router.push('/checkbox')">多选框</el-button
    ><br />
    <el-button type="text" @click="$router.push('/permission')"
      >权限模拟</el-button
    ><br />
    <el-button type="text" @click="$router.push('/selectCheckbox')"
      >模拟表单同一个字段两种提交方式问题</el-button
    ><br />
    <el-button type="text" @click="$router.push('/tableShelves')"
      >表格上架下架问题</el-button
    ><br />
    <el-button type="text" @click="$router.push('/MoreText')"
      >超过10个字显示省略号，又折叠和展开的逻辑</el-button
    ><br />
    <el-button type="text" @click="$router.push('/jquery')"
      >jquery的深浅拷贝问题（extend）</el-button
    ><br />
    <el-button type="text" @click="$router.push('/copyText')"
      >复制链接</el-button
    ><br />
    <el-button type="text" @click="$router.push('/uploadFile')"
      >upload上传之后不显示文件名</el-button
    ><br />
    <el-button type="text" @click="$router.push('/cascaderDataChange')"
      >级联数据平铺转树</el-button
    ><br />
    <el-button type="text" @click="$router.push('/vModel')"
      >v-model的传值问题</el-button
    ><br />
    <el-button type="text" @click="$router.push('/tableList')"
      >父传子列表数据，子组件的渲染问题</el-button
    ><br />
    <el-button type="text" @click="$router.push('/changeComponent')"
      >动态组件component</el-button
    ><br />
  </div>
</template>

<script>
export default {};
</script>
<style scoped>
.home {
  padding: 16px 0;
}
</style>
